<template>
  <!-- 二维码登录 -->
  <div class="qr-code">
    <img :src="imgCode" alt="二维码">
  </div>
</template>

<script>
import { getQrKey, createQr } from '../../api/login.js'
export default {
  data () {
    return {
      qrKey: '',
      imgCode: ''
    }
  },
  props: [],
  methods: {
    // 获取二维码key
    async getKey () {
      const res = await getQrKey()
      if (res.status !== 200) return this.$message.error('获取二维码失败')
      this.qrKey = res.data.data.unikey
      this.createQrCode()
    },

    // 生成二维码
    async createQrCode () {
      const res = await createQr(this.qrKey)
      console.log(res)

      if (res.status !== 200) return this.$message.error('生成二维码失败')
      this.imgCode = res.data.data.qrimg
    }
    // 二维码执行登录

  },
  created () {
    // 一进来就生成二维码
    this.getKey()
  }
}
</script>

<style lang="less" scoped>
</style>
